<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>蓝居管家</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta http-equiv="Access-Control-Allow-Origin" content="*">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="css/sm.min.css">
    <link rel="stylesheet" href="css/sm-extend.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
	<link href="../css/flickerplate.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" href="http://g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link href="css/home.css" rel="stylesheet">
    <script src="../js/jquery-2.1.1.js"></script>
    <script src="js/home.js"></script> 
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../js/min/modernizr-custom-v2.7.1.min.js"type="text/javascript"></script>
	<script src="../js/min/flickerplate.min.js" type="text/javascript"></script>
	<script src="../js/min/hammer-v2.0.3.min.js" type="text/javascript"></script>
	<script src="./js/docs.js" type="text/javascript"></script>
	<script src="./js/zepto.js" type="text/javascript"></script>
	<script src="./js/sm.js" type="text/javascript"></script>
	<script src="./js/sm-extend.js" type="text/javascript"></script>
	<script src="./js/swiper.js" type="text/javascript"></script>
	<script src="../js/swiper-init.js" type="text/javascript"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>
	<script src="../js/common.js"></script>
	<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
	<script src="js/pointlog.js"></script>
  </head>
  <style>
/*   * { touch-action: none; }  */
  </style>
  <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>  
  <body>
   <div style="width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;z-index: 9999;display: none" id="prize">
		   <div  style="position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:200px;overflow:hidden;text-align:center;">
		  		 <img alt="" src="../images/pize.jpg" onclick="toSharehtml(); " style="width: 100%;border-radius:10px;">
					 <!-- <span style="display:inline-block;"><p style="font-size: larger;color: aliceblue;width: 30px;text-align: -webkit-center;" onclick="tocancle()">X</p></span> -->
					 <span style="display: block;
					 width: 64px;
					 height: 64px;
					 margin: 15px auto 0;
					 background: url(../images/close.png) no-repeat;
					 background-size: 100%;" onclick="tocancle()"></span>
  		   </div>
	</div>
  			
  <div class="page">

  <nav class="bar bar-tab">
    <a class="tab-item active"  onclick="Home.toLink('home.html',this)">
      <span class="icon icon-home"></span>
      <span class="tab-label">我的首页</span>
    </a>
    <a class="tab-item"  onclick="Home.toLink('lanjuZhengzu.html?type=2',this)"  >
      <span class="icon icon-card"></span>
      <span class="tab-label">租房</span>
    </a>
    <a class="tab-item"  onclick="Home.toLink('service/servicePackage.html?serviceType=1',this)">
      <span class="icon icon-menu"></span>
      <span class="tab-label">服务</span>
    </a>
    <a class="tab-item" onclick="Home.toLink('zukeKongjian.html',this)">
      <span class="icon icon-friends"></span>
      <span class="tab-label">我的</span>
    </a>
  </nav>
  
  <div style="width: 100%;height: 100%;background: #fff;position: absolute;z-index: 999;display: none" id="search_content">

	<div style="background:#f6f5f5;height: 45px;">
			<div class="searchbar row" style="margin: 0px 0px 0;">
			<div class="search-input col-80" style="margin-left: 0;width: 80%;">
				<label class="icon icon-search" for="search"></label> <input
					type="search" id='search' onchange="Home.search()" placeholder='输入城市/地址/区域/布局/朝向' />
			</div>
			<a class="searchbar-cancel1" id="cancle" style="vertical-align: -webkit-baseline-middle;">取消</a>
		</div>

	</div>
  <div class="tuijian_house_content" style="    height: 100%; background: #f8f8f8">
			<div>
			<ul class="house_ul">
				
			</ul>
			</div>
		</div>
  </div>
  <div class="content">
	<div class="searchbar">
    <div class="search-input" onclick="Home.tosearch()">
      <label class="icon icon-search" for="search"></label>
      <input type="search" id="search"  id='search' placeholder='输入城市、商圈/朝向等'/>
    </div>
  </div>
   	<div class="flicker-example" style="height: 160px;">
		<ul id="binnerUl">
			<li data-background="../images/flicker-1.jpg" style="height: 160px">
			</li>
			<li data-background="../images/flicker-3.jpg?20190222" style="height: 160px">
			</li>
			<li data-background="../images/flicker-2.jpg?20190222" style="height: 160px">
			</li>
		</ul>
	</div> 
	
	    <div class="row no-gutter">
	      <div class="col-left"><div class="service">租房</div></div>
		      <div class="col-right">
		      			<div class="service_content" id="rent">
		      			<ul>
							<li><a><img src="../images/zufang_icon/home.png" class="service_content_img" alt="" /><span>合租</span></a></li>
							<li><a><img src="../images/zufang_icon/zhengzu.png" class="service_content_img" alt="" /><span>整租</span></a></li>
							<li><a><img src="../images/zufang_icon/zhizu.png" class="service_content_img" alt="" /><span>直租</span></a></li>
							<li><a><img src="../images/zufang_icon/dingzhi.png" class="service_content_img" alt="" /><span>定制</span></a></li>
						</ul>
						</div>
			 </div>
    	</div>
    	<div class="row no-gutter">
    		  <div class="col-left"><div class="service" style="background-image:url(../images/tool_bg02.png) ">服务</div></div>
		      <div class="col-right" >
		      			<div class="service_content" id="service">
		      			<ul>
							<li><a><img src="../images/fuwu_icon/baojie.png" class="service_content_img" alt="" /><span>保洁</span></a></li>
							<li><a><img src="../images/fuwu_icon/weixiu_fuwu.png" class="service_content_img" alt="" /><span>维修</span></a></li>
							<li><a><img src="../images/fuwu_icon/banjia.png" class="service_content_img" alt="" /><span>搬家</span></a></li>
							<li><a><img src="../images/fuwu_icon/chaxun.png" class="service_content_img" alt="" /><span>查询</span></a></li>
						</ul>
						</div>
			 </div>
    	</div>
	  <div class="list-block" style="margin-top: 1.2rem;margin-bottom:.2rem;">
	  		<div class="row no-gutter">
		      <div class="col-40" style="font-size: 16px;padding-left: 1px;margin: 0;"><span style="float: left;">推荐好房</span></div>
		      <div class="col-40"  style="float: right;font-size: 16px;padding-right: 12px;width: 100%"><span style="float: right;color: #0894ec;" id="loadmore">查看更多>></span> </div>
		    </div>
	  </div>
	  <div class="tuijian_house_content">
			<div>
			<ul class="ghouse">
				
			</ul>
			</div>
		</div>
  </div>
</div>
  </body>
  <script type="text/javascript">
     var nonce="";//生成签名的随机串
     var signature="";//签名
     var timestamp="";//时间戳
     var title="蓝居管家--首页";
     var desc="蓝居管家提供房屋托管、免佣租房、个性家装、保洁服务";
     var sharLink="http://lanjushiye.com.cn/LanJuPublic/jsp/home.html";
     var imgUrl="http://lanjushiye.com.cn/LanJuPublic/images/lanju.jpg";
     $(document).ready(function(){  
      	  var url = encodeURI(location.href.split('#')[0]);
       	  $.ajax({
       	         url: "../weixinImpl/getEncryptJsapiTicket.spring?rn="+(new Date().getTime()),
       	         type: "POST",
       	         data:{"url":url},
       	         dataType: "json",
       	         success: function(data){
       	        	 if(data != null){
       	        		 nonce=data.nonce;
       		             signature=data.signature;
       		             timestamp=data.timestamp;
       		             loadWx();
       	        	 }
       	             
       	          },
       	          error:function(err){
       	            console.log('异常');
       	          }
       	        });
   	  var mySwiper = new Swiper('.swiper-container', {
		    speed: 400,
		    spaceBetween: 100
		});
	  $(".swiper-container").swiper(mySwiper);
    	 if(!common.getCookie("tab1")){
    		  $("#prize").show();
    	 }
    	document.cookie="tab1="+true;
         var w_height = $(window).height();
         $('.menu').css('height',w_height);
         $('.menu,.b_mark').css('display','block');
         $('.menu .menu_con').stop().animate({ right: '0' }, 300);
         $('.menu .b_mark').click(function(){
             $('.menu .menu_con').stop().animate({ right: '-70%' }, 300);
             setTimeout(function(){
                 $('.menu,.b_mark').fadeOut('fast');
             },250);
         });
   });
     
     function loadWx(){
   	  wx.config({
   		    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
   		    appId: 'wxb3b7beee9190b2ef', // 必填，公众号的唯一标识wxd894029b9bdb4b67
   		    timestamp: timestamp, // 必填，生成签名的时间戳
   		    nonceStr: nonce, // 必填，生成签名的随机串
   		    signature: signature,// 必填，签名
   		    jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ'] // 必填，需要使用的JS接口列表
   		});
   	  wx.ready(function(){
   		  //分享到朋友圈
   		  wx.onMenuShareTimeline({
   			    title: title, // 分享标题
   			    link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
   			    imgUrl: imgUrl, // 分享图标
   			    desc: desc, // 分享描述
   			    success: function () {
   			    // 用户确认分享后执行的回调函数
   				},
   			cancel: function () {
   			    // 用户取消分享后执行的回调函数
   		    }
   		});
   		  //分享到朋友
   		  wx.onMenuShareAppMessage({
   			  title: title, // 分享标题
   			  desc: desc, // 分享描述
   			  link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
   			  imgUrl: imgUrl, // 分享图标
   			  type: 'link', // 分享类型,music、video或link，不填默认为link
   			  dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
   			  success: function () {
   			  // 用户确认分享后执行的回调函数
   			  },
   			  cancel: function () {
   			  // 用户取消分享后执行的回调函数
   			  }
   			  });
   		  //分享到QQ
   		  wx.onMenuShareQQ({
   			  title: title, // 分享标题
   			  desc: desc, // 分享描述
   			  link: sharLink, // 分享链接
   			  imgUrl: imgUrl, // 分享图标
   			  success: function () {
   			  // 用户确认分享后执行的回调函数
   			  },
   			  cancel: function () {
   			  // 用户取消分享后执行的回调函数
   			  }
   			  });
   	  });
   	  
   	  wx.error(function(res){
   		
   	  });
   	  
   }
     $(function(){
 		window.$$=window.Zepto = Zepto;
 		$('.flicker-example').flickerplate({
           auto_flick 				: true,
           auto_flick_delay 		: 8,
           flick_animation 		: 'transform-slide'
       });

 	});
  </script>
  <script type="text/javascript">
  var url ={
			"0":"1",
			"1":"2",
			"2":"3"
	}
  
	function toSharehtml(){
		document.location.href = "../jsp/newUserCoupon.html?phone="+getCookie("phone");
	}
   function tocancle(){
	   $("#prize").hide();
   }
   function getCookie(name) 
	{ 
	    var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)");
	 
	    if(arr=document.cookie.match(reg))
	 
	        return unescape(arr[2]); 
	    else 
	        return null; 
	} 
   var args=ponitLog.getWindowsParam();
  </script>
</html>